{% extends 'base.html' %}

{% block content %}

        <div class="centered">
                <div class="information">
                    <h2>Change you password</h2>
                    <div class="line"></div>
                    <p>Please enter your old password, for security’s sake, and then enter your new password twice so we can verify you typed it in correctly.</p>
                </div>
            <form action="{% url 'password_change' %}" method="POST">
                {% csrf_token %}
                {% if form.errors %}
                    <div class="list-errors">
                        {{ form.errors }}
                    </div>
                {% endif %}
                <div>
                    {% for field in form %}
                        <div class="fields">
                            {{ field.label }}
                            {% if field.errors %}
                                <div class="field-errors">{{ field }}</div>
                            {% else %}
                                {{ field }}
                            {% endif %}
                        </div>
                    {% endfor %}
                </div>
                <button type="submit" class="btn btn-success">Change</button>
            </form>
        </div>

{% endblock content %}


